<template>
	<div class="factory">
		<div class="factory-item" v-for="(v, k) in factoryMsg" :key="k" :style="styles">
			{{k}}：{{v}}
		</div>
	</div>
</template>

<script>
export default{
	props:{
		factoryMsg:{
			type: Object,
			default: () => ({})
		},
		styles:{
			type: Object,
			default: () => ({})
		}
	}
}
</script>

<style scoped lang="less">
.factory{
	position: relative;
	padding: 1.5% 2.5%;
	white-space: normal;
	box-sizing: border-box;
	.factory-item{
		display: inline-block;
		width: 100%;
		height: 4vh;
		line-height: 4vh;
		font-size: 2vh;
		color: #fff;
		white-space: nowrap;
	}
}
</style>
